Node / ReticulumProjects / MeshChatX.git / files / meshchatx / src / frontend / components / call / tabs / CallTabBar.vue

Displaying Raw • Download

T8b949e<!-- SPDX-License-Identifier: 0BSD -->

Tb4b4b4<Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72div Te6edf3classTff7b72=Ta5d6ff"flex flex-wrap justify-center border-b border-gray-200 dark:border-zinc-800 shrink-0"Tb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3tabClassTb4b4b4(Ta5d6ff'phone'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-2 px-4 border-b-2 font-medium text-sm transition-all"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:activeTab'Tb4b4b4, Ta5d6ff'phone'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Phone

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3tabClassTb4b4b4(Ta5d6ff'phonebook'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-2 px-4 border-b-2 font-medium text-sm transition-all"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:activeTab'Tb4b4b4, Ta5d6ff'phonebook'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Phonebook

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3tabClassTb4b4b4(Ta5d6ff'voicemail'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-2 px-4 border-b-2 font-medium text-sm flex items-center gap-2 transition-all"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:activeTab'Tb4b4b4, Ta5d6ff'voicemail'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Voicemail

Tb4b4b4<Tff7b72span

Te6edf3v-ifTff7b72=Ta5d6ff"Te6edf3unreadVoicemailsCount Tff7b72> T79c0ff0Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"bg-red-500 text-white text-[10px] px-1.5 py-0.5 rounded-full animate-pulse"

Tb4b4b4>Tff7b72{{ Te6edf3unreadVoicemailsCount Tff7b72}}Tb4b4b4<Tb4b4b4/Tff7b72span

Tb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3tabClassTb4b4b4(Ta5d6ff'contacts'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-2 px-4 border-b-2 font-medium text-sm transition-all"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:activeTab'Tb4b4b4, Ta5d6ff'contacts'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Contacts

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tff7b72button

Tb4b4b4:Te6edf3classTff7b72=Ta5d6ff"Te6edf3tabClassTb4b4b4(Ta5d6ff'ringtone'Tb4b4b4)Ta5d6ff"

Te6edf3classTff7b72=Ta5d6ff"py-2 px-4 border-b-2 font-medium text-sm transition-all"

Tb4b4b4@Te6edf3clickTff7b72=Ta5d6ff"Te6edf3$emitTb4b4b4(Ta5d6ff'update:activeTab'Tb4b4b4, Ta5d6ff'ringtone'Tb4b4b4)Ta5d6ff"

Tb4b4b4>

Tff7b72{{ Te6edf3$tTb4b4b4(Ta5d6ff"call.ringtone"Tb4b4b4) Tff7b72}}

Tb4b4b4<Tb4b4b4/Tff7b72buttonTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72divTb4b4b4>

Tb4b4b4<Tb4b4b4/Tff7b72templateTb4b4b4>

Tb4b4b4<Tff7b72scriptTb4b4b4>

Tff7b72export Tff7b72default Tb4b4b4{

Te6edf3nameTff7b72: Ta5d6ff"CallTabBar"Tb4b4b4,

Te6edf3propsTff7b72: Tb4b4b4{

Te6edf3activeTabTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657StringTb4b4b4,

Te6edf3requiredTff7b72: Tff7b72trueTb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3unreadVoicemailsCountTff7b72: Tb4b4b4{

Te6edf3typeTff7b72: Tffa657NumberTb4b4b4,

Tff7b72defaultTff7b72: T79c0ff0Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Te6edf3emitsTff7b72: Tb4b4b4[Ta5d6ff"update:activeTab"Tb4b4b4]Tb4b4b4,

Te6edf3methodsTff7b72: Tb4b4b4{

Te6edf3tabClassTb4b4b4(Te6edf3tabTb4b4b4) Tb4b4b4{

Tff7b72return Tff7b72thisTb4b4b4.Te6edf3activeTab Tff7b72=== Te6edf3tab

Tff7b72? Ta5d6ff"border-blue-500 text-blue-600 dark:text-blue-400"

Tff7b72: Ta5d6ff"border-transparent text-gray-500 hover:text-gray-700 dark:text-zinc-400 dark:hover:text-zinc-200 hover:border-gray-300"Tb4b4b4;

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4,

Tb4b4b4}Tb4b4b4;

Tb4b4b4<Tb4b4b4/Tff7b72scriptTb4b4b4>